<template>
    <div>
        <van-nav-bar title="我的" left-text="返回" left-arrow @click-left="() => { { $router.back('/') } }" />
        <div class="dd">
            <van-image class="img" round width="10rem" height="10rem"
                src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            <div class="xm">
                <ul>
                    <li><span>姓名:{{ username }}</span></li>
                    <li><span>邮箱：2990322633@qq.com</span></li>
                    <li><span>签名：我很好</span></li>
                </ul>
            </div>
        </div>
    </div>
    <van-cell title="我的订单" is-link  @click="dd"/>
    <van-cell title="个人风格" is-link />
    <van-cell title="什么射门" is-link />
    <van-cell title="待付款" is-link />
    <van-cell title="单元格" is-link />

</template>

<script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router';
const router = useRouter()
let username = localStorage.getItem('username')

const dd=()=>{
    router.push('/dd')
}
</script>

<style lang="scss" scoped>
.dd {
    width: 300px;
    height: 200px;

    .img {
        width: 10px;
        height: 10px;
        float: left;
    }

    .xm {
        width: 200px;
        height: 200px;
        float: right;
        ;

        ul li {
            float: left;
        }
    }
}
</style>